<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script language="javascript">
            function showAlert(valor)
            {
               
                var respuesta=document.getElementById("correcta").lang;
                if(valor==respuesta){alert("Correcto");
                  
                 
                
                }
                else{alert("Incorrecto");}
                document.getElementById("Opcion"+valor).checked=false;
        
              
            }
        </script>


        <title></title>
    </head>
    <body>
        <div class="column">

            <?php
            include_once './Data/MySql.php';
            include_once './Data/TriviaData.php';
            include_once './Common/Entity/Trivia.php';

            $triviaData = new TriviaData();
            $trivia = new Trivia();
            $db = new MySql();
            $preguntaRandom = $triviaData->GetIdPreguntas();
            $trivia = $triviaData->GetPregunta($preguntaRandom);
            ?> 
            <img id="correcta" alt="" src="" lang="<?= $trivia->getCorrecta() ?>" />   
            <p ><strong><a href="#"></a><?= $trivia->getPregunta() ?></strong></p>
            <form action="./Vistas/WebPageSubirImagen.php" method="post" enctype="multipart/form-data">

                <input type="checkbox" id="Opcion1" name="Opcion1" value="1" onclick="showAlert(1)" /><?= $trivia->getRespuesta1() ?><br/><br/><br/>
                <input type="checkbox" id="Opcion2" name="Opcion2" value="2" onclick="showAlert(2)" /><?= $trivia->getRespuesta2() ?><br/><br/><br/>
                <input type="checkbox" id="Opcion3" name="Opcion3" value="3" onclick="showAlert(3)" /><?= $trivia->getRespuesta3() ?><br/><br/><br/>

                <input type="button" value="Nueva pregunta" onClick="location.reload()"/>
                
               

            </form>
        </div>
        <br class="clear" />

    </body>
</html>
